<template>
  <div class="d">
    <div class="img">
      <img src="../assets/images/loading.gif" alt="" />
    </div>
    <div>
      <p class="p">轻松金牡丹</p>
      <van-row>
        <van-col span="0" offset="1"></van-col>
        <van-col span="23"
          ><span
            >【500ml】奈雪奈雪奈雪奈雪奈雪奈雪奈雪奈雪奈雪奈雪奈雪奈雪奈雪奈。</span
          ></van-col
        >
      </van-row>

      <p class="jia">加料</p>
      <!-- <van-row type="flex" justify="space-around">
  
  <van-col span="6">
    <van-button class="pp" >普通</van-button>
  </van-col>
  <van-col span="6">
    <van-button class="pp" >卡糖</van-button>
  </van-col>
  <van-col span="6">
      <van-button class="pp" >燃爆菌</van-button>
  </van-col>
</van-row> -->
      <van-tabs type="card" class="bt" color="aquamarine">
        <van-tab title="普通"></van-tab>
        <van-tab title="卡糖"></van-tab>
        <van-tab title="燃爆菌"></van-tab>
        <van-tab title="燃爆菌"></van-tab>
      </van-tabs>
      <!-- <van-row>
        <van-tabs type="card" class="bt" color="aquamarine">
          <van-col span="6" offset="2">
            <van-tab title="普通"></van-tab>
          </van-col>
          <van-col span="6" offset="2">
            <van-tab title="卡糖"></van-tab>
          </van-col>
          <van-col span="6" offset="2">
            <van-tab title="燃爆菌"></van-tab>
          </van-col>
        </van-tabs>
      </van-row> -->

      <!-- <van-row type="flex" justify="space-around">
    
  <van-col span="6">
  <van-button class="pp">普通</van-button>
  </van-col>
  <van-col span="6">
   <van-button class="pp">加糖</van-button>
  </van-col>
  <van-col span="6">
      
  </van-col>
</van-row> -->
      <p class="jia">糖度</p>
      <van-tabs type="card" color="aquamarine">
        <van-tab title="普通"></van-tab>
        <van-tab title="加糖"></van-tab>
      </van-tabs>

      <p class="jia">配料</p>
      <van-tabs type="card" class="bt" color="aquamarine">
        <van-tab title="标准"></van-tab>
        <van-tab title="奶油"></van-tab>
        <van-tab title="黑珍珠测"></van-tab>
      
      </van-tabs>

      <p class="jia">温度</p>
      <van-tabs type="card" class="bt" color="aquamarine">
        <van-tab title="热"></van-tab>
        <van-tab title="温"></van-tab>
        <van-tab title="冰"></van-tab>
      </van-tabs>
      
      
      </div>
      
    

    <van-goods-action>
     
      <van-goods-action-button type="warning" text="加入购物车" />
      <van-goods-action-button type="danger" text="立即购买" />
    </van-goods-action>
  </div>
</template>
<style scoped>
/* .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  } */
.d {
  margin-bottom: 60px;
}
.img {
  background-color: rgba(248, 249, 250, 0.938);
  padding-left: 55px;
}
.p {
  padding-left: 20px;
  font-size: 20px;
}
.s1 {
  padding-left: 20px;
}
.jia {
  padding-left: 20px;
  font-size: 17px;
}
.button {
  width: 80px;
  height: 30px;
  margin-left: 20px;
}


</style>